<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>轮播图--延迟加载</title>
		<!-- 
		 轮播图--页面行为 javaScript
				框架 Jquery 
				terseBannerJS 建立于Jquery基础之上，快速制作轮播图
		 -->
		 <link rel="stylesheet" href="css/style.css" />
	</head>
	<body>
		<div class="main">
			<div id="animation"></div>
			<div class="container">
				<div class="banner" id="lazyload">
					<!-- 放图片 -->
					<ul>
						<li><img src="img/banner01.jpg" alt="1"></li>
						<li><img src="img/banner02.jpg" alt="2"></li>
						<li><img src="img/banner03.jpg" alt="3"></li>
						<li><img src="img/banner04.jpg" alt="4"></li>
						<li><img src="img/banner05.jpg" alt="5"></li>
					</ul>
				</div>
			</div>
		</div>
		
		
		<script src="js/highlight.pack.js"></script>
		<script src="js/jquery-1.11.1.js"></script>
		<script src="js/jquery.terseBanner.min.js"></script>
		<script src="js/script.js"></script>
	</body>
</html>